import React, { Component } from "react";
import "./style.css";
import { Result, Button } from "antd";

export default class IETips extends Component {
  render() {
    return (
      <div className="tips-container">
        <Result
          className="tips"
          status="info"
          title="系统检测到您正在使用IE内核浏览器"
          subTitle={
            <small style={{ fontSize: "20px" }}>
              本系统推荐使用chrome浏览器
              <br />
              如果您正在使用360,搜狗等浏览器，请把浏览器改为极速模式!
            </small>
          }
          extra={[
            <a
              href="https://www.google.cn/chrome/"
              target="_blank"
              rel="noopener noreferrer"
            >
              <Button type="primary" key="console">
                下载chrome
              </Button>
            </a>
          ]}
        >
          {/* <small></small> */}
        </Result>
      </div>
      //   <div className="tips-container">
      //     <div className="tips">
      //       <h4>系统检测到您正在使用IE内核浏览器</h4>
      //       <small>如果您正在使用360,搜狗等浏览器，请把浏览器改为极速模式!</small>
      //       <small>
      //         本系统推荐使用chrome浏览器,请点击这里
      //         <a
      //           href="https://www.google.cn/chrome/"
      //           target="_blank"
      //           rel="noopener noreferrer"
      //         >
      //           下载
      //         </a>
      //       </small>
      //     </div>
      //   </div>
    );
  }
}
